<div class="interim-flight">
    <el-form >
        <el-form-item label="" ></el-form-item>
    </el-form>
    <!--<input type="checkbox" id="panel-activer">-->
    <div class="panel-parent">
        <div class="side-panel">
            <div>

            </div>
        </div>
        <div class="self">
            <div class="consume-panel">
            <el-form :inline="true" ref="form" :model="form" label-position="left" label-width="100px">
                <el-form-item  label=""  prop="flightInfo.flightInfoId":rules
                        ="[ {required: false, message: '航班号不能为空'}]">
                    <el-select clearable  v-model="form.flightInfo.flightInfoId" filterable placeholder="航班号"   >
                        <el-option
                                v-for="plane in planes"
                                :key="plane.flightInfoId"
                                :label="plane.flightNum"
                                :value="plane.flightInfoId"
                        >
                        </el-option>
                    </el-select>
                </el-form-item>
                <!--<el-form-item label="预约日期" >-->
                    <!--<el-date-picker-->
                            <!--v-model="form.startDate"-->
                            <!--type="daterange"-->
                            <!--align="right"-->
                            <!--unlink-panels-->
                            <!--value-format="yyyy-MM-dd"-->
                            <!--range-separator="至"-->
                            <!--start-placeholder="开始日期"-->
                            <!--end-placeholder="结束日期"-->
                            <!--:picker-options="pickerOptions2">-->
                    <!--</el-date-picker>-->
                <!--</el-form-item>-->
                <el-form-item label="安排日期" >

                    <el-date-picker
                            v-model="form.endDate"
                            type="daterange"
                            align="right"
                            unlink-panels
                            value-format="yyyy-MM-dd"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            :picker-options="pickerOptions2">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label=""  class = "transparent">
                    <el-button type="primary" @click="queryAppointment">查询</el-button>
                </el-form-item>
                <el-form-item label=""  class = "transparent">
                    <el-button type="primary" @click="addPlane">新增</el-button>
                </el-form-item>
                <el-form-item label=""  class = "transparent">
                    <a href="/dam/临时航班计划导入模板.xlsx">excel模板下载</a>
                </el-form-item>
                <el-form-item label=""  class = "transparent">
                    <el-button type="primary" @click="openExcel">excel导入</el-button>
                </el-form-item>
            </el-form>

            <el-row>
                <el-col :span="24">
                    <div style="color: white;margin-bottom: 30px;margin-left: 40px">
                        <div class="history color-block"></div><div class=" history color-block-title">历史数据</div>
                        <div class="today-plane color-block" ></div><div class="today-plane color-block-title">今日计划</div>
                        <div class="next-day-plane color-block"></div><div class="next-day-plane color-block-title">次日计划</div>
                        <div class="third-day-plane color-block"></div><div class="third-day-plane color-block-title">三日后计划</div>
                        <!--<div class="fourth-day-plane color-block"></div><div class="color-block-title">第四日航班</div>-->
                        <!--<div class="firth-day-plane color-block"></div><div class="color-block-title">五日以后航班</div>-->
                    </div>
                </el-col>
            </el-row>
        </div>
            <div class="consume-panel">
                <el-row  type="flex" justify="space-around">
                    <el-col :span="24" style="margin-right: 5px">
                        <el-table :data="exportData"   ref="table2" :row-class-name="rowClass"  border height="350" >
                            <el-table-column prop="appoUnit"  header-align="center" label="出港">
                                <el-table-column prop="flightInfo.flightNum" label="航班号" min-width="90px">
                                </el-table-column>
                                <el-table-column prop="normalAbnormality" label="性质" min-width="90px">
                                </el-table-column>
                                <el-table-column prop="flightInfo.flightType" label="机型" min-width="70px">
                                </el-table-column>
                                <el-table-column prop="flightInfo.flightNo" label="机号" min-width="70px">
                                </el-table-column>
                                <el-table-column  label="安排时间" prop="estimatedTime" min-width="91px" >
                                </el-table-column>
                                <el-table-column  label="预起" min-width="58px">
                                    <template scope="scope">
                                <span>
                                    {{scope.row.takeOffTime?scope.row.takeOffTime.substr(11,5):""}}
                                </span>
                                    </template>
                                </el-table-column>
                                <el-table-column  label="预落" min-width="58px">
                                    <template scope="scope">
                                <span>
                                    {{scope.row.arriveTime?scope.row.arriveTime.substr(11,5):""}}
                                </span>
                                    </template>
                                </el-table-column>
                                <el-table-column  label="是否中转" min-width="80px">
                                    <template scope="scope">
                                <span>
                                    {{scope.row.appProperty=="中转联程"?"是":"否"}}
                                </span>
                                    </template>
                                </el-table-column>
                                <el-table-column  prop="originating" label="出发地" min-width="114px">
                                </el-table-column>
                                <el-table-column prop="destination" label="目的地" min-width="114px">
                                </el-table-column>
                            </el-table-column>
                            <el-table-column label="操作" fixed="right"  width="100px" >
                                <template scope="scope"  >
                                    <!--<el-button v-if="!scope.row.flightPlane" type="text" @click="transformToFlightPlane(scope)" style="margin-left: -10px;margin-right: -10px;">生成计划</el-button>-->
                                    <el-button  type="text" @click="editFlightPlane(scope)" style="margin-right: -10px;">修改</el-button>
                                    <!--<el-button  type="text" @click="editAppointment(scope)" style="margin-right: -10px;">修改</el-button>-->
                                </template>
                            </el-table-column>
                        </el-table>
                    </el-col>
                </el-row>
            </div>
            <div class="consume-panel">
            <el-row  type="flex" justify="space-around">
                <el-col :span="24" style="margin-right: 5px">
                    <el-table :data="importData"  border   ref="table" :row-class-name="rowClass" height="350" >
                            <el-table-column prop="appoUnit"  header-align="center" label="进港">
                             <el-table-column prop="flightInfo.flightNum" label="航班号" min-width="90px">
                             </el-table-column>

                            <el-table-column prop="normalAbnormality" label="性质" min-width="90px">
                            </el-table-column>
                            <el-table-column prop="flightInfo.flightType" label="机型" min-width="70px">
                            </el-table-column>
                            <el-table-column prop="flightInfo.flightNo" label="机号" min-width="70px">
                            </el-table-column>
                            <el-table-column  label="安排时间" prop="estimatedTime" min-width="91px" ></el-table-column>
                            <el-table-column  label="预起" min-width="58px">
                                <template scope="scope">
                                <span>
                                    {{scope.row.takeOffTime?scope.row.takeOffTime.substr(11,5):""}}
                                </span>
                                </template>
                            </el-table-column>
                            <el-table-column  label="预落" min-width="58px">
                                <template scope="scope">
                                <span>
                                    {{scope.row.arriveTime?scope.row.arriveTime.substr(11,5):""}}
                                </span>
                                </template>
                            </el-table-column>
                            <el-table-column  label="是否中转" min-width="80px">
                                <template scope="scope">
                                <span>
                                    {{scope.row.appProperty=="中转联程"?"是":"否"}}
                                </span>
                                </template>
                            </el-table-column>
                            <el-table-column  prop="originating" label="出发地" min-width="114px">
                            </el-table-column>
                            <el-table-column prop="destination" label="目的地" min-width="114px">
                            </el-table-column>
                        </el-table-column>
                        <el-table-column label="操作" fixed="right"  width="100px" >
                            <template scope="scope"  >
                                <!--<el-button v-if="!scope.row.flightPlane" type="text" @click="transformToFlightPlane(scope)" style="margin-left: -10px;margin-right: -10px;">生成计划</el-button>-->
                                <el-button  type="text" @click="editFlightPlane(scope)" style="margin-right: -10px;">修改</el-button>
                                <!--<el-button  type="text" @click="editAppointment(scope)" style="margin-right: -10px;">修改</el-button>-->
                            </template>
                        </el-table-column>

                    </el-table>
                </el-col>
            </el-row>
        </div>

            <el-dialog
                    :title="editTitle"
                    :visible.sync="flightPlaneEdit"
                    :width="diawidth"

            >
                <el-row v-if="flightPlaneEdit">
                    <enters :parentData="enterData" ref="enters"></enters>
                </el-row>

            </el-dialog>

            <el-dialog
                    title="临时航班计划修改"
                    :visible.sync="flightPlaneExcel"
                    :width="diawidth"

            >
                <el-row >
                    <excelEnter :parentData="excelEnterData" ref="enters"></excelEnter>
                </el-row>

            </el-dialog>

        </div>
    </div>

</div>


